/* 
用户登录
1.收集并校验数据
2.提交数据
3.缓存响应数据
4.跳转页面
*/
document.querySelector('#btn-login').addEventListener('click',async () => {
  // 1.收集数据并校验数据
  const form = document.querySelector('.login-form')
  const data = serialize(form,{hash: true, empty: true})   
  console.log(data)
  const {username,password} = data
  // 非空校验   
  if(username===''||password===''){
    showToast('用户名和密码不能为空')
    return
  }
  // 长度校验
  if(username.length<8 || username.length>30 || password.length<6 || password.length>30){
    showToast('用户名长度为8-30位,密码长度位6-30位')
    return
  }

    // 提交数据，axios.post
    try{
     const res = await axios.post('/login',{username,password})
     console.log(res)
     showToast(res.message)
    //  3.缓存响应数据
    localStorage.setItem('token',res.data.token)
    localStorage.setItem('username',res.data.username)
    // 4.跳转首页
    // 延迟一会再跳转，让提示显示出来
    setTimeout(()=>{
        // login.html和index.html的相对关系
        location.href = './index.html'
    },1500)
    } catch(error){
    //   console.dir(error)
    showToast(error.response.data.message)
    }
   

})